@import url('../../../assets/config.less');
@import url('../../../assets/style.less');
.panel{
  .panel(@HH:unit(56,px),@FH:unit(150,px));
  &-header{
    display: flex;
    justify-content:space-between;
    align-items:center;
  }
  &-body{
    font-size:14px;
  }
}
.collapse{
  // display: flex;
  // flex-direction:column;
  height:100%;
  &-title{
    flex:1 0 auto;
    height:56px;
    max-height:56px;
    &.active{
      background-color:lighten(@blue,30%);
      // color:#fff;
    }
  }
  &-panel{
    height:0;
    overflow: auto;
    transition:all 0.3s;
    &.isOpen{
      height:auto;
      flex:1 1 auto;
      .addScrollbar();
    }
  }
}
.collapse-title{
  @h1:22px;
  @h2:20px;
  padding:unit( (( 56 - @h1 - @h2 ) / 2 ),px) unit((@defPadding / 2),px);
  border-bottom:1px solid #f0f0f0;
  .btn-blue{
    color:@blue;
  }
  .title{
    font-size:16px;
    line-height:@h1;
    margin-right:48px;
  }
  .fun{
    font-size:14px;
    line-height:@h2;
  }
}
@imgWidth:32;
.item{
  font-size:14px;
  line-height:unit((@defPadding + @imgWidth),px);
  height:unit((@defPadding + @imgWidth),px);
  border-bottom:@defBorder;
  background-color:#fafafa;
  &.isTop{
    &:before{
      content: '';
      position:absolute;
      top:0;left:0;
      border-top-color:@blue;
      border-bottom-color:transparent;
      border-left-color:@blue;
      border-right-color:transparent;
      border-width:4px;
      border-style:solid;
    }
  }
  &.noAgent{
    opacity: 0.4;
  }
  &.isActive{
    background-color:@blue;
  }
  .icon{
    position: absolute;top:0;bottom:0;
    left:unit((@defPadding / 2),px);
    width:unit(@imgWidth,px);height:unit(@imgWidth,px);
    margin:auto;
  }
  .main{
    margin-right:unit((@defPadding * 2 + @imgWidth),px);
  }
  .title{
    margin-left:unit((@defPadding + @imgWidth),px);
  }
  .badge{
    position: absolute;
    top:unit((@defPadding / 4),px);bottom:0;right:unit((@defPadding ),px);
    margin:auto;
  }
  .more{
    display:none;
  }
  &:hover{
    .more{
      display:inline-block;
      position: absolute;
      top:unit((@defPadding / 4),px);bottom:0;right:0;
      width:1em;height:1em;
      margin:auto;
      z-index: 7;
      cursor: pointer;
    }
  }
}
.btn-blue{color:@blue;}
.btnAtR{
  position: absolute;
  top:0;bottom:0;right:0;
  font-size:24px;
  width:48px;
}